여러 개의 선택 상자를 JavaScript로 연동하는 방법

우선은 이하 화상의 빨간색 프레임 부분을 보고 싶습니다만, 2개의 셀렉트 박스를 연동시켜, 왼쪽의 셀렉트 박스(화상에서는 「식재군」)로 값을 선택하면, 오른쪽의 셀렉트 박스(동 「식재」) 선택이 동적으로 변경되는 방법을 조사했습니다. 예를 들어, 식재료군에서 「야채류」를 선택하면, 식재료의 선택지에는 야채의 동료가 표시됩니다. 또, 식재료군에서 「어패류」를 선택하면, 식재료의 선택지에는 해산...

HTML선택 태그자바스크립트jQuery셀렉트 박스

select 태그 정보

처음에 이런 식으로 중복적으로 쓰고있었습니다 (haml에서 쓰는 방법입니다) 그러면 이렇게...

선택 태그haml